﻿ <!-- page content -->
@*@Html.Action("SubMenuCustomer", "System")*@
<div class="row alert_index">
    <div class="col-md-12">
        <div class="x_panel">
            <div class="x_title">
                <h2>@SMECustomerWebsite.Core.Resources.Resource.CustAlert</h2>
                <div class="clearfix"></div>
            </div>
            <div class="x_content">
                <div class="row">
                    <div class="col-md-55" id="alert_risk">
                        <div class="thumbnail">
                            <div class="image view view-first">
                                <div class="icon" style="height:100%;width:100%; display: block;">
                                    <i class="fa fa-list-alt"></i>
                                </div>
                                <div class="mask">
                                    <p>@SMECustomerWebsite.Core.Resources.Resource.AlertGeneralDesc</p>
                                    <div class="tools tools-bottom">
                                        <a href="@Url.Action("GeneralAlert", "CustomerAlert")"><i class="fa fa-eye"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="caption">
                                <h4>
                                    <strong>
                                        @SMECustomerWebsite.Core.Resources.Resource.AlertGeneral
                                    </strong>
                                </h4>
                            </div>
                        </div>
                    </div><div class="col-md-55" id="alert_risk">
                        <div class="thumbnail">
                            <div class="image view view-first">
                                <div class="icon" style="height:100%;width:100%; display: block;">
                                    <i class="fa fa-bomb"></i>
                                </div>
                                <div class="mask">
                                    <p>@SMECustomerWebsite.Core.Resources.Resource.AlertRiskDesc</p>
                                    <div class="tools tools-bottom">
                                        <a href="@Url.Action("AlertBadbank", "CustomerAlert" )"><i class="fa fa-eye"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="caption">
                                <h4>
                                    <strong>
                                        @SMECustomerWebsite.Core.Resources.Resource.AlertRisk
                                    </strong>
                                </h4>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-55" id="alert_maturity">
                        <div class="thumbnail">
                            <div class="image view view-first">
                                <div class="icon" style="height:100%;width:100%; display: block;">
                                    <i class="fa fa-exclamation-circle" style="font-size:100px"></i>
                                </div>
                                <div class="mask">
                                    <p>@SMECustomerWebsite.Core.Resources.Resource.AlertMaturityDesc</p>
                                    <div class="tools tools-bottom">
                                        <a href="@Url.Action("alertloanmaturity", "CustomerAlert" )"><i class="fa fa-eye"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="caption">
                                <h4>
                                    <strong>@SMECustomerWebsite.Core.Resources.Resource.AlertMaturity.ToUpper()</strong>
                                </h4>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-55" id="alert_badbank">
                        <div class="thumbnail">
                            <div class="image view view-first">
                                <div class="icon" style="height:100%;width:100%; display: block;">
                                    <i class="fa fa-ban"></i>
                                </div>
                                <div class="mask">
                                    <p>@SMECustomerWebsite.Core.Resources.Resource.AlertBadbankDesc</p>
                                    <div class="tools tools-bottom">
                                        <a href="@Url.Action("AlertOverdueDate", "CustomerAlert" )"><i class="fa fa-eye"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="caption">
                                <h4>
                                    <strong>
                                        @SMECustomerWebsite.Core.Resources.Resource.AlertBadbank
                                    </strong>
                                </h4>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-55" id="alert_celebration">
                        <div class="thumbnail">
                            <div class="image view view-first">
                                <div class="icon" style="height:100%;width:100%; display: block;">
                                    <i class="fa fa-birthday-cake" style="font-size:100px"></i>
                                </div>
                                <div class="mask">
                                    <p>@SMECustomerWebsite.Core.Resources.Resource.AlertCelebrationDesc</p>
                                    <div class="tools tools-bottom">
                                        <a href="@Url.Action("Celebration", "CustomerAlert")"><i class="fa fa-eye"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="caption">
                                <h4>
                                    <strong>@SMECustomerWebsite.Core.Resources.Resource.AlertCelebration</strong>
                                </h4>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-55" id="alert_casa">
                        <div class="thumbnail">
                            <div class="image view view-first">
                                <div class="icon" style="height:100%;width:100%; display: block;">
                                    <i class="fa fa-sort-amount-desc" style="font-size:100px"></i>
                                </div>
                                <div class="mask">
                                    <p>@SMECustomerWebsite.Core.Resources.Resource.AlertCasaDescDescription</p>
                                    <div class="tools tools-bottom">
                                        <a href="@Url.Action("alertcurrentaccount", "CustomerAlert" )"><i class="fa fa-eye"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="caption">
                                <h4>
                                    <strong>
                                        @SMECustomerWebsite.Core.Resources.Resource.AlertCasaDescTab
                                    </strong>
                                </h4>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-55" id="alert_Inactive">
                        <div class="thumbnail">
                            <div class="image view view-first">
                                <div class="icon" style="height:100%;width:100%; display: block;">
                                    <i class="fa fa-frown-o" style="font-size:100px"></i>
                                </div>
                                <div class="mask">
                                    <p>@SMECustomerWebsite.Core.Resources.Resource.AlertCustInactiveDesc</p>
                                    <div class="tools tools-bottom">
                                        <a href="@Url.Action("alertcustinactive", "CustomerAlert")"><i class="fa fa-eye"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="caption">
                                <h4>
                                    <strong>@SMECustomerWebsite.Core.Resources.Resource.AlertCustInactive.ToUpper()</strong>
                                </h4>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- /page content -->
@section scripts
{
    <script type="text/javascript">
        function startPageTourGuide() {
            var intro = introJs();
            var steps = [
                    {
                        element: '#alert_badbank',
                        intro: '@SMECustomerWebsite.Core.Resources.Resource.AlertBadbankDesc',
                        position: 'bottom'
                    },
                    {
                        element: '#alert_loan',
                        intro: '@SMECustomerWebsite.Core.Resources.Resource.AlertLoanMatdtDesc',
                        position: 'right',
                    },
                    {
                        element: '#alert_casa',
                        intro: "@SMECustomerWebsite.Core.Resources.Resource.AlertCasaDescDescription",
                        position: 'bottom'
                    },
                    {
                        element: '#alert_deposit',
                        intro: "@SMECustomerWebsite.Core.Resources.Resource.AlertDepositMaturityDesc",
                        position: 'bottom'
                    },
                    {
                        element: '#alert_LC',
                        intro: "@SMECustomerWebsite.Core.Resources.Resource.AlertLCMaturityDesc",
                        position: 'left'
                    },
                    {
                        element: '#alert_bl',
                        intro: "@SMECustomerWebsite.Core.Resources.Resource.AlertBLMaturityDesc",
                        position: 'bottom'
                    },
                    {
                        element: '#alert_Limit',
                        intro: "@SMECustomerWebsite.Core.Resources.Resource.AlertLimitMaturityDesc",
                        position: 'left'
                    },
                    {
                        element: '#alert_Inactive',
                        intro: "@SMECustomerWebsite.Core.Resources.Resource.AlertCustInactiveDesc",
                        position: 'left'
                    }
            ];
            intro.setOptions({
                steps: steps,
                showProgress: true,
                scrollToElement: true,
            });
            intro.setOption('tooltipPosition', 'auto');
            intro.setOption('positionPrecedence', ['left', 'right', 'bottom', 'top'])
            intro.start();
        }
    </script>
}